.details-page {
    padding: 0;
    min-height: 100vh;

    .details-page-top {
        padding: 0 .289855rem;
    }
}

.details-page-addresstitle {
    width: 100%;
}

.double-tabs {
    .van-tabs {
        padding: 0;
        margin: 0;

        ::v-deep .van-tabs__wrap {
            height: .652174rem;
            margin-bottom: .458937rem;

            .van-tab {
                color: #8C9198;
                font-weight: light;

                .van-tab__text--ellipsis {
                    font-size: .338164rem;
                }
            }

            .van-tab--active {
                color: #06121E;
                font-weight: bold;
            }
        }
    }

    .top-tabs ::v-deep .van-tabs__wrap {
        margin-top: .483092rem;
    }

    .bottom-tabs {
        height: .458937rem;
        marign-bottom: .048309rem;
        ::v-deep .van-tabs__wrap {
            .van-tab {
                .van-tab__text--ellipsis {
                    position: relative;
                    font-size: .289855rem;
                    overflow: visible;

                    .table-style-select {
                        position: absolute;
                        width: .338164rem;
                        height: .338164rem;
                        opacity: .5;
                        right: -0.120773rem;
                        top: 0;
                        background: linear-gradient(202deg, #6899f4 0%, #ffffff 72%);
                        border-radius: 50%;
                    }
                }
            }

            .van-tab--active {
                .van-tab__text--ellipsis {
                    font-size: .338164rem;
                }
            }
        }
    }
}

.tab-style {
    padding: .241546rem 0;
}

.details-page-cardlist {
    ::v-deep .like-card {
        width: 9.323671rem;
        margin: 0 .362319rem .289855rem .362319rem;
    }

    ::v-deep .like-card:first-child {
        margin-top: .289855rem;
    }
}

.search-around-input {
    background-color: rgba(0, 0, 0, 0);
    width: 100%;
    height: .917874rem;
    border: none;

    .search-component {
        width: 7.63285rem;
        height: 100%;
    }

    .search-button {
        border-radius: .458937rem;
        width: 1.642512rem;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ffffff;
        font-size: .338164rem;
        background-image: linear-gradient(#75A6FF, #3B81FF);
    }
}

.input-around {
    border: .024155rem #6899F4 solid;
    width: 70%;
    border-radius: .458937rem;
    padding: .241546rem .362319rem;
}

.input-icon {
    width: .410628rem;
    height: .410628rem;
}